﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/jquery-2.0.3.min.js" type="text/javascript"></script>
    <link href="BootStrapCSS/bootstrap.css" rel="stylesheet" type="text/css" />
    <script src="BootStrapJS/bootstrap.js" type="text/javascript"></script>
    <script src="BootStrapJS/jquery.scrollUp.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    </script>
    <style>
        .screen_background
        {
            background-image: url(IMG/bg-footer-noise.jpg);
            background-repeat: repeat;
        }
        .shuipingxian
        {
            border-top: solid 1px #333;
            box-shadow: black 0 -1px 0;
            margin-top: 15px;
            margin-bottom: 15px;
        }
        #scrollUp
        {
            bottom: 20px;
            right: 20px;
            height: 38px;
            width: 38px;
            background: url("IMG/top.png") no-repeat;
            position: fixed;
            z-index: 2147483647;
            display: block;
        }
    </style>
</head>
<body class="screen_background">
    <form action="HTMLPage.htm">
    <div class="row-fluid" id="div-top">
        <div class="span2 offset2">
            <img alt="" src="IMG/333.png" />
        </div>
        <div class="span8">
            <div class="span12">
                <div class="span12" style="height: 30px">
                </div>
                <div class="span12">
                    <div class="span9">
                        <div class="span12" style="height: 30px">
                            <ul class="nav nav-pills" style="float: right">
                                <li><a href="#">合作伙伴</a></li>
                                <li><a href="#">提交建议</a></li>
                                <li><a href="#">联系方式</a></li>
                                <li><a href="#">版权声明</a></li>
                                <li><a href="#">广告服务</a></li>
                            </ul>
                        </div>
                        <div class="span8 offset4" style="margin-left: 0px; float: right">
                            <div class="shuipingxian">
                            </div>
                        </div>
                    </div>
                    <div class="span3">
                    </div>
                </div>
                <div class="span12" style="height: 50px">
                </div>
            </div>
            <div class="span12" style="text-align: center;">
                <input class="span2" id="appendedInputButton" placeholder="aaaaaaaaaaaaaaaaaa" style="width: 40%;
                    height: 40px; background: black; margin-top: 0px" type="text">
                <button class="btn" type="button" style="height: 40px; background: black; margin-top: 0px;
                    color: white">
                    <h4>
                        搜 索
                    </h4>
                </button>
            </div>
        </div>
    </div>
    <div class="row-fluid" id="div4">
        <div class="span7 offset3">
            <div class="shuipingxian">
            </div>
        </div>
    </div>
    <div class="row-fluid" id="div-middle">
        <div class="span2 offset1">
            <div class="accordion" id="accordion2" style="">
                <div class="accordion-group">
                    <div class="accordion-heading">
                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
                            Collapsible Group Item #1 </a>
                    </div>
                    <div id="collapseOne" class="accordion-body collapse">
                        <div class="accordion-inner">
                            aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa
                            aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
                            aaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
                        </div>
                    </div>
                </div>
                <div class="accordion-group">
                    <div class="accordion-heading">
                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTow">
                            Collapsible Group Item #1 </a>
                    </div>
                    <div id="collapseTow" class="accordion-body collapse">
                        <div class="accordion-inner">
                            aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa
                            aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
                            aaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
                        </div>
                    </div>
                </div>
                <div class="accordion-group">
                    <div class="accordion-heading">
                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
                            Collapsible Group Item #1 </a>
                    </div>
                    <div id="collapseThree" class="accordion-body collapse">
                        <div class="accordion-inner">
                            aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa
                            aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
                            aaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
                        </div>
                    </div>
                </div>
                <div class="accordion-group">
                    <div class="accordion-heading">
                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
                            Collapsible Group Item #1 </a>
                    </div>
                    <div id="Div1" class="accordion-body collapse">
                        <div class="accordion-inner">
                            aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa
                            aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
                            aaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
                        </div>
                    </div>
                </div>
                <div class="accordion-group">
                    <div class="accordion-heading">
                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
                            Collapsible Group Item #1 </a>
                    </div>
                    <div id="Div2" class="accordion-body collapse">
                        <div class="accordion-inner">
                            aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa
                            aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
                            aaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
                        </div>
                    </div>
                </div>
                <div class="accordion-group">
                    <div class="accordion-heading">
                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
                            Collapsible Group Item #1 </a>
                    </div>
                    <div id="Div3" class="accordion-body collapse">
                        <div class="accordion-inner">
                            aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa
                            aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
                            aaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="span7" style="margin-left: 2%">
            <pre class="prettyprint linenums" style="background-color: black; color: white;margin-bottom:0px">
<ol class="linenums">
    <li class="L0"><span class="tag">&lt;address&gt;</span> </li>
    <li class="L1"><span class="pln"></span><span class="tag">&lt;strong&gt;</span><span
        class="pln">Twitter, Inc.</span><span class="tag">&lt;/strong&gt;&lt;br&gt;</span></li><li
            class="L2"><span class="pln">795 Folsom Ave, Suite 600</span><span class="tag">&lt;br&gt;</span></li><li
                class="L3"><span class="pln">San Francisco, CA 94107</span><span class="tag">&lt;br&gt;</span></li><li
                    class="L4"><span class="pln"></span><span class="tag">&lt;abbr</span><span class="pln">
                    </span><span class="atn">title</span><span class="pun">=</span><span class="atv">"Phone"</span><span
                        class="tag">&gt;</span><span class="pln">P:</span><span class="tag">&lt;/abbr&gt;</span><span
                            class="pln"> (123) 456-7890</span></li><li class="L5"><span class="tag">&lt;/address&gt;</span></li><li
                                class="L6"><span class="pln">&nbsp;</span></li><li class="L7"><span class="tag">&lt;address&gt;</span></li><li
                                    class="L8"><span class="pln"></span><span class="tag">&lt;strong&gt;</span><span
                                        class="pln">Full Name</span><span class="tag">&lt;/strong&gt;&lt;br&gt;</span></li><li
                                            class="L9"><span class="pln"></span><span class="tag">&lt;a</span><span class="pln">
                                            </span><span class="atn">href</span><span class="pun">=</span><span class="atv">"mailto:#"</span><span
                                                class="tag">&gt;</span><span class="pln">first.last@example.com</span><span class="tag">&lt;/a&gt;</span></li><li
                                                    class="L0"><span class="tag">&lt;/address&gt;</span></li></ol>
</pre>
        </div>
    </div>
    <div class="row-fluid" id="div-buttom">
        <div class="span7 offset3">
            <div class="shuipingxian">
            </div>
        </div>
    </div>
    <div class="row-fluid" id="div5">
        <div class="span7 offset3">
            <ul class="nav nav-pills" style="margin-left: auto; margin-right: auto; text-align: center;
                width: 500px">
                <li><a href="#">合作伙伴</a></li>
                <li><a href="#">提交建议</a></li>
                <li><a href="#">联系方式</a></li>
                <li><a href="#">版权声明</a></li>
                <li><a href="#">广告服务</a></li>
                <li><a href="#">页面导航</a></li>
            </ul>
        </div>
    </div>
    <a id="scrollUp" href="#top" title="" style="position: fixed; z-index: 2147483647;
        display: block;"></a>
    </form>
</body>
</html>
